<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
	<meta name="viewport" content="user-scalable=no,viewport-fit=cover" />
	<link href="./css/baseCss.css" rel="stylesheet" type="text/css"/>
	<link href="./base/layer.css" rel="stylesheet" type="text/css"/>
	<!-- <link href="./base/articlecon.css" rel="stylesheet" type="text/css"/> -->
	<link href="./base/base2.css" rel="stylesheet" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="./css/swiper-3.4.0.min.css">
	<script type="text/javascript" src="./base/rem.js"></script>
	<script type="text/javascript" src="./base/iscroll.js"></script>
	<link rel="stylesheet" type="text/css" href="./css/index.css">
	<style type="text/css">
		.swiper{
			padding: 0;
			
		}
		.swiper-container{
			border-radius: 0;
		}
	</style>
	
	<title>分类</title>
</head>
<body>
	<div class="con">
		<!-- <div class="search">
			<div class="search-include"><img src="./img/search_01.png"><input type="text" placeholder="你想吃点什么？"></div>
			<div class="search-pos"><img src="./img/address_01.png"><span>深圳</span></div>
		</div> -->
		<div class="swiper">
			<div class="swiper-container">
    			<div class="swiper-wrapper">
    			    <div class="swiper-slide"><img src="./img/neet_01.png"></div>
    			    <div class="swiper-slide"><img src="./img/neet_02.png"></div>
    			    <div class="swiper-slide"><img src="./img/neet_03.png"></div>
    			    <div class="swiper-slide"><img src="./img/neet_04.png"></div>
    			    <div class="swiper-slide"><img src="./img/neet_05.png"></div>
    			</div>
    			<!-- 如果需要分页器 -->
    			<div class="swiper-pagination"></div>
			</div>
		</div>

		<div class="everyDay">
			<ul>
				<li class="everyDay-li" onclick="window.location.href='./detail.html'">
					<div class="everyDay-img"><img src="./img/neet_02.png"></div>
					<div class="everyDay-bar">
						<div>
							<span class="everyDay-title">小木屋韩式烧烤</span>
							<img class="everyDay-more" src="./img/dot_01.png">
						</div>
						<div class="everyDay-star">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
						</div>
						<div class="everyDay-detail">
							<div>起送￥<span>16</span></div>
							<div>配送费<span class="shipFee">3</span>元</div>
							<div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
						</div>
						<div></div>
						<div class="everyDay-support">支持自取</div>
						<div class="everyDay-prefer">
							<img src="./img/pre_01.png">
							<span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
						</div>
					</div>
				</li>
				<li class="everyDay-li" onclick="window.location.href='./detail.html'">
					<div class="everyDay-img"><img src="./img/neet_02.png"></div>
					<div class="everyDay-bar">
						<div>
							<span class="everyDay-title">小木屋韩式烧烤</span>
							<img class="everyDay-more" src="./img/dot_01.png">
						</div>
						<div class="everyDay-star">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
						</div>
						<div class="everyDay-detail">
							<div>起送￥<span>16</span></div>
							<div>配送费<span class="shipFee">3</span>元</div>
							<div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
						</div>
						<div></div>
						<div class="everyDay-support">支持自取</div>
						<div class="everyDay-prefer">
							<img src="./img/pre_01.png">
							<span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
						</div>
					</div>
				</li>
				<li class="everyDay-li" onclick="window.location.href='./detail.html'">
					<div class="everyDay-img"><img src="./img/neet_02.png"></div>
					<div class="everyDay-bar">
						<div>
							<span class="everyDay-title">小木屋韩式烧烤</span>
							<img class="everyDay-more" src="./img/dot_01.png">
						</div>
						<div class="everyDay-star">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
							<img src="./img/start.png">
						</div>
						<div class="everyDay-detail">
							<div>起送￥<span>16</span></div>
							<div>配送费<span class="shipFee">3</span>元</div>
							<div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
						</div>
						<div></div>
						<div class="everyDay-support">支持自取</div>
						<div class="everyDay-prefer">
							<img src="./img/pre_01.png">
							<span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>

	<footer>
		<div style="height: 2.03rem;"></div>
		<div class="home">
			<div class="home-every" onclick="window.location.href='./index.html'">
				<div><img src="./img/home_07.png"></div>
				<div class="home-text" style="color: #fc6264;">首页</div>
			</div>
			<!-- <div class="home-every home-near">
				<div><img src="./img/home_02.png"></div>
				<div class="home-text">附近</div>
			</div> -->
			<div class="home-every" onclick="window.location.href='./order.html'">
				<div><img src="./img/home_01.png"></div>
				<div class="home-text">订单</div>
			</div>
			<div class="home-every" onclick="window.location.href='./myCenter.html'">
				<div><img src="./img/home_04.png"></div>
				<div class="home-text">我的</div>
			</div>
		</div>
	</footer>
		
</body>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/httpUnit.js"></script>
<script type="text/javascript" src="./js/constants.js"></script>
<script type="text/javascript" src="./js/swiper-3.4.0.min.js"></script>
<script type="text/javascript" src="./js/classOther.js"></script>
<script type="text/javascript">
	var mySwiper = new Swiper ('.swiper-container', {
                        direction: 'horizontal',
                        loop: true,
                    
                        // 如果需要分页器
                        pagination: '.swiper-pagination',
                        paginationClickable: true,
                });

</script>
</html>